<template>
  <div id="app">
    <!-- <el-color-picker v-model="color" color-format="hsl" show-alpha></el-color-picker> -->
    <router-view />
  </div>
</template>

<script>
  export default {
    name: "App",
    metaInfo() {
      return {
        title:
          this.$store.state.settings.dynamicTitle &&
          this.$store.state.settings.title,
        titleTemplate: (title) => {
          // return title
          //   ? `${title} - ${process.env.VUE_APP_TITLE}`
          //   : process.env.VUE_APP_TITLE;
          return title ? `${title}` : process.env.VUE_APP_TITLE;
        },
      };
    },
  };
</script>
<style lang="scss">
</style>
